import React from 'react'
import { Divider } from 'antd'
import { Filter } from './Filter'
import styles from './FilterArea.module.css'

export const FilterArea: React.FC = () => {
	return (
		<>
			<Filter title='路线评价' tags={['1星', '2星', '3星', '4星', '5星']} />
			<Divider dashed className={styles['filter-divider']} />
			<Filter title='出发城市' tags={['北京', '上海', '广州', '深圳']} />
			<Divider dashed className={styles['filter-divider']} />
			<Filter title='行程天数' tags={['2日', '3日', '4日', '5日', '6日']} />
			<Divider dashed />
			<Filter
				title='旅程类型'
				tags={['跟团游', '自由行', '自驾游', '高端定制']}
			/>
			<Divider dashed />
			<Filter title='出发时间' tags={['春节', '清明', '劳动节']} />
		</>
	)
}
